<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/common.css" />
		<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/css/flatpickr.min.css" />
		<link rel="stylesheet" type="text/css" href="/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="/dialog/css/dialog.css"/>

		<script src="/js/jquery-1.9.1.min.js" type="text/javascript" ></script>
		<script src="/js/google-maps.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/dialog/js/dialog.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.form.js"></script>
		<script src="/js/common.js"></script>
		<script src="/js/flatpickr.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/messages_zh.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--顶部导航 -->
		<nav class="topNavItemBox">
			<div id="ItemBox">
				<div class="title">肉品溯源管理系统</div>
			</div>
		</nav>
		<!-- 左侧导航 -->
		<#include "left.ftl"/>

        <!-- 新增饲料入库信息 -->
		<div class="page_main">
			<h3>新增饲料入库信息</h3><span class="add_link"><a href="feedsIn.ftl">查询饲料入库信息></a></span>
			<br />
			<div class="page_content">
				
				<form id="quarantine_addform" action="FeedsinAction_addFeedsin" method="post">
					<ul>
						<li><label class="labelBeforinput">饲料名称</label><select name="feeds.feedId" data-rule-notZero="true"  class="bigSelect">
							<option value="0">请选择饲料</option>
						</select>
						</li>
						<li><label class="labelBeforinput">生产日期</label><input name="produceDate" id="beginTime" class="bigInputtext" required type="text" data-date-format="Y-m-d"></li>
						<li><label class="labelBeforinput">过期日期</label><input name="expireDate" id="endTime" class="bigInputtext" required type="text" data-date-format="Y-m-d"/></li>
						<li><label class="labelBeforinput">入库日期</label><input name="depositTime" id="inTime" class="bigInputtext"  required type="text" data-date-format="Y-m-d"/></li>
						<li><label class="labelBeforinput">数量</label><input name="quantity" class="bigInputtext" onchange="caculator('quantity','eachone','total','discount','finalTotal')" required data-rule-isIntGtZero="true" type="text" /></li>
						<!-- <li><label class="labelBeforinput">饲料名称</label><input name="feedName" class="bigInputtext" required  /></li> -->
						<li><label class="labelBeforinput">数量单位</label><input name="unit" class="bigInputtext" required  /></li>
						<li><label class="labelBeforinput">单价</label><input name="eachone" class="bigInputtext" onchange="caculator('quantity','eachone','total','discount','finalTotal')" required data-rule-isIntGtZero="true" type="text" /></li>
						<li><label class="labelBeforinput">总价</label><input name="total" class="bigInputtext"   required data-rule-isIntGtZero="true" type="text" /></li>
						<li><label class="labelBeforinput">折扣</label><input name="discount" class="bigInputtext"  onchange="caculator('quantity','eachone','total','discount','finalTotal')" required required data-rule-isDecimal="true" type="text" /></li>
						<li><label class="labelBeforinput">最终总计</label><input name="finalTotal" class="bigInputtext"  required data-rule-isIntGtZero="true" type="text" /></li>
						<li><label class="labelBeforinput">送货人</label><input name="sendMan" class="bigInputtext" required  /></li>
						<!-- <li><label class="labelBeforinput">经手人</label><input name="storeman" class="bigInputtext" required  /></li> -->
						<li><label class="labelBeforinput">区域ID（下拉）</label><input name="areacodeinfor.areaId" class="bigInputtext" required data-rule-isIntGtZero="true" type="text" /></li>
						<li><label class="labelBeforinput">备注</label><input name="remark" class="bigInputtext"  type="text" /></li>
				
						<li><input type="submit" value="添加记录" style="margin-left: 170px; width: 200px;" /></li>
					</ul>
				</form>
			</div>
			<div class="footer">
				<div class="footer_lineone">
					<span id="logo"></span>肉品溯源管理系统 
					<span class="footer_lineoneSpan"><a href="aboutus.html">关于我们</a></span>
					<span class="footer_lineoneSpan"><a target="_blank" href="http://www.cfsiw.com/">食品安全信息</a></span> 
					<span class="footer_lineoneSpan"><a href="suggestionAdd.ftl">联系我们</a></span>
				</div>
				<div class="footer_linetwo">
					 &copy;2017广东技术师范学院
				</div>
			</div>
		</div>
	</body>
	<script>
		$(function() {
			//初始化侧边栏
			$(".vertical-nav").verticalnav({
				speed: 400,
				align: "left"
			});
			
			//时间控制器
			$("#beginTime").flatpickr();
			$("#endTime").flatpickr();
			$("#inTime").flatpickr();
			//表单校验
			$("#quarantine_addform").validate();
			//异步下拉
			$.post("FeedsAction_getAllFeeds", function(data) {
				//$("select[name='feeds.feedId']").empty();
				console.log(data);
				for(var i = 0; i < data.length; i++) {
					$("select[name='feeds.feedId']").append("<option value='" + data[i].feedId + "'>" + data[i].feedName + "("+data[i].compName+")</option>");
					}
			});	
			//计算价格
/* 			var stopInterval = setInterval(function() {
				var total = $("input[name='quantity']").val() * $("input[name='eachone']").val();
				var realTotal = $("input[name='discount']").val() * total;
				console.log($("input[name='discount']").val());
				$("input[name='total']").val(total);
				$("input[name='finalTotal']").val(realTotal);
			}, 1000); */
			//表单提交
			$("#quarantine_addform").ajaxForm({
					/* error: function(XMLHttpRequest, textStatus, errorThrown){
						//失败
						$.dialog({
							type: 'info',
							contentHtml: '<img class="info-icon" src="dialog/images/icon/fail.png" alt="增加失败" /><p class="info-text">请输入正确的生猪编号</p>',
							autoClose: 2000
						});
					}, */
					success:function(data) {
						var str = null;
						var msg = null;
						if(data.msg == 1){
							str = "success";
							msg = "添加成功"
						}else{
							str = "fail";
							msg = data.msg;
						}
						console.log(data);
						$.dialog({
							type: 'info',
							contentHtml: '<img class="info-icon" src="dialog/images/icon/'+str+'.png" alt="'+msg+'" /><p class="info-text">'+
msg+'</p>',
							autoClose: 2000
						});
					}
			});
		});
	</script>

</html>